<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button type="button" onclick="click1(event)">点击1</button>
<button type="button" onclick="click2(this)">点击2</button>
<button type="button" id="btn2">动态添加</button>
<script>
    // 事件添加方式一，静态添加
    function click1(e) {
        console.log("click");
        // 当前触发事件的标签对象
        console.log(e.target);
    }

    function click2(_self) {
        console.log("click");
        // 当前触发事件的标签对象
        console.log(_self);
    }

    // function btnDelete() {
    //
    // }

    // 动态添加事件
    document.querySelector("#btn2").onclick = function (e) {
        console.log("动态添加");
        // 当前触发事件的标签对象
        console.log(e.target);
        // 获取兄弟元素
        console.log(e.target.previousElementSibling);
        // 删除它的上一个兄弟元素
        // e.target.previousElementSibling.remove();
        // 通过代码实现另一个元素的事件
        e.target.previousElementSibling.onclick();
    }
</script>
</body>
</html>